<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>{$title}</title>
	<link type="text/css" rel="stylesheet" href="{ $path }/css/rwa.css" media="screen" />
	<link type="text/css" rel="stylesheet" href="{ $path }/css/jquery-ui-redmon.css"/>
	<script type="text/javascript" src="{ $path }/includes/js/jquery.js"></script>
	<script type="text/javascript" src="{ $path }/includes/js/jquery-ui.js"></script>
	<script type="text/javascript" src="{ $path }/includes/js/jquery.layout.js"></script>
	<script type="text/javascript" src="{ $path }/includes/js/jquery.tree.js"></script>
	<script type="text/javascript" src="{ $path }/includes/js/jquery.tree.contextmenu.js"></script>
	<script type="text/javascript" src="{ $path }/includes/js/functions.js"></script>
</head>
<body>
	<div class="ui-layout-north" onmouseover="myLayout.allowOverflow('north')" onmouseout="myLayout.resetOverflow(this)">
<!--        <img src="{ $path }/images/logo.jpg" alt="Revealer Toolkit" style="padding: 8px; vertical-align: middle" />
		<span class="title">Revealer Toolkit Web Access v.&alpha;lpha</span>
-->
		<div id="lmenu">
			<ul id="nav">
				<li><a href="#" style="font-weight:bold;">RWA</a></li>
				<li><a href="#"><img src="{$path}/images/search.png" style="width: 16px; height: 16px; margin-right: 3px;float:left;"/> Ver</a>
				<ul>
					<li><a href="#">Cola de procesos</a>
				</ul>
				</li>
				<li><a href="#"><img src="{$path}/images/case.png" style="width: 16px; height: 16px; margin-right: 3px;float:left;"/> Casos</a>
				<ul>
					<li><a href="#" onclick="loadCaseManager();">Gestionar</a>
				</ul>
				</li>
				<li><a href="#"><img src="{$path}/images/invest.png" style="width: 16px; height: 16px; margin-right: 3px;float:left;"/> Investigadores</a></li>
				<li><a href="#"><img src="{$path}/images/bookmarks.png" style="width: 16px; height: 16px; margin-right: 3px;float:left;"/> Bookmarks</a>
				<ul>
					<li><a href="#">Administrar</a></li>
				</ul>
				</li>
				<li><a href="#"><img src="{$path}/images/help.png" style="width: 16px; height: 16px; margin-right: 3px;float:left;"/> Ayuda</a></li>
			</ul>
		</div>
		<div id="rmenu">Bienvenido, {$user} - <a href="#" style="color: #A00" onclick="logout();">LogOut</a></div>
    </div>
    <div class="ui-layout-west">
        <div class="header">Dispositivos<div title="Refresh" class="headerbutton reftree" onclick="devtree('');"></div></div>
        <div style="height: 20%; overflow-y: auto; overflow-x: hidden; margin: 2px">
            <div id="devtree"></div>
        </div>
        
		<div class="header">Resultados<div title="Refresh" class="headerbutton reftree" onclick="restree();"></div></div>
		<div id="results" style="height: 60%;overflow-y: auto; overflow-x: auto; margin: 2px; font-size: 10px;"></div>
        
		<div class="header">Estado scripts<div title="Refresh" class="headerbutton reftree" onclick="showQueue();"></div></div>
        <div id="queueList" style="height: 15%;overflow-y: auto; overflow-x: auto; margin: 2px"></div>
    </div>
    <div class="ui-layout-center init" style="overflow: hidden" id="mainframe">
        <div id="contentheader" class="header">Main</div>
        <div id="content" class="contentplaceholder" style="height: 100%; overflow-y: auto; overflow-x: hidden;"></div>
    </div>
    <div class="ui-layout-east init">
        <div id="contentheader" class="header">Información</div>
        <div id="information" class="contentplaceholder" style="height: 100%;overflow-y: auto; overflow-x: hidden;padding-left:10px;"></div>
    </div>
    <div class="ui-layout-south">
        <div class="header">Log Console
        	<div title="Clear" class="headerbutton clearlog" onclick="clearLOG()" ></div>
        </div>
        <div>
			<div id="LOG" style="max-height: 130px;overflow:auto"></div>
        </div>
    </div>
    <div id="dialog"></div>
</body>
</html>
